<!-- 登录页 -->
<script setup>
import LoginFooter from '../components/login/LoginFooter.vue';
import LoginHeader from '../components/login/LoginHeader.vue';
import LoginMain from '../components/login/LoginMain.vue';
</script>
<template>
    <el-container class="common-layout">
        <el-header class="header">
            <LoginHeader></LoginHeader>
        </el-header>
        <el-main class="main">
            <LoginMain></LoginMain>
        </el-main>
        <el-footer class="footer">
            <LoginFooter></LoginFooter>
        </el-footer>
    </el-container>
</template>
<style scoped>
.common-layout {
    height: 100vh;
    background: url('/img/5.jpg');
}

.main {
    display: flex;
    justify-content: space-between;
}

.header,
.footer {
    height: auto;
}
</style>